body,p,ul,dl,dd,dt,table,td,form,h1,h2,h3,h4,h5{padding:0;margin:0;}
body{font:normal normal 70% verdana;background:#fff;color:#333;}

ul{list-style:none;}
navi{position:fixed;left:30px;top:70px;}
navi a{font-size:1.1em;display:inline-block;padding:4px 0 4px 4px;width:170px;
-moz-border-radius:4px;
border-radius:4px;
-webkit-border-radius:4px;
}
navi a:hover{background:#0073EA;color:#fff}
navi li{margin-bottom:3px;}
navi li:first-child{font-size:2.3em;color:#0073EA;padding-left:5px;border-left:5px solid #ADDAFF}

a{text-decoration:none;}
a:link{text-decoration:none;color:#000;}

#setting{position:fixed;top:5px;right:10px;}

#mainHeader{background:#fff;padding:10px;position:fixed;width:100%;z-index:999;border-bottom:1px solid #ccc;}
#mainHeader h1{font-size:2.6em;}
#mainHeader h1 a{display:inline-block;text-indent:-10000px;background:url('images/logo_color.gif') no-repeat;width:235px;height:42px;}

#mainContainer{padding:70px 0 0 240px;}
#mainContent h2{font-size:2.3em;font-weight:normal;border-left:5px solid #ddd;padding-left:5px;}

#userList{font-size:1.1em;margin-right:10px;}
#pagger{position:fixed;right:0;bottom:0;left:240px;background:#fff;}

#opBar{padding:10px 0 10px 0;border:1px solid transparent;}
#opBar li{display:inline-block;}

#topBar .userInfo{color:#444;font-weight:bold;border:1px solid #bbb}
.userInfo{border:1px solid #ccc;padding:5px;display:block;border-top:none;}
.userInfo li{text-align:left;display:inline-block;vertical-align:middle;}
.userInfo li.userCode{width:100px;}
.userInfo li.userName{width:150px;text-align:left;}
.userInfo li.chineseName{width:150px;}
.userInfo li.email{width:200px;}
.userInfo li.band{width:50px;}
.userInfo li.department{width:100px;}

.shadow-bottom{
	-moz-box-shadow:0 2px 10px rgba(0,0,0,.3);
	-webkit-box-shadow:0 2px 10px rgba(0,0,0,.3);
	box-shadow:0 2px 10px rgba(0,0,0,.3);
}

.radius-top-left{
	-moz-border-radius-topleft:2px;
	-webkit-border-top-left-radius:2px;
	border-top-left-radius:2px;
}
.radius-top-right{
	-moz-border-radius-topright:2px;
	-webkit-border-top-right-radius:2px;
	border-top-right-radius:2px;
}

.bg-gradient{
	background: rgb(244,244,244); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(224,224,224,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(224,224,224,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(244,244,244,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
}


